
html,body{ margin:0; padding:0;height:100%;}

body {
    overflow-x: hidden;
    overflow-y: auto;
}
.scrollbar-custom::-webkit-scrollbar {
    width: 5px;
}
.scrollbar-custom::-webkit-scrollbar-button {
    height: 2px;
    background: rgba(255, 225, 255, 0);
}
.scrollbar-custom::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}
.scrollbar-custom::-webkit-scrollbar-thumb {
    background: rgba(255, 86, 3, 0.9);
    border-radius: 2px;
}

.side-toolbar {
    right: 20px;
    bottom: 120px;
    z-index: 1001;
    margin-top: -60px;
    position: fixed;
}

.text2{
    display: block;
    word-break:break-all;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.center-item {
    margin: 1px 0 0 0;
}

.center-item-first {
    margin: 0 0 0 0;
}
.center-item-content {
    padding:12px 24px 12px 16px;
}

.hand {
    cursor: pointer;
}

.head-item {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.content-card-title {
    text-align: left;
    padding-left:20px;
    padding-top:5px;
    font-size: 1.3em;
    font-weight: 500;
}

.user-base-avatar {
    padding:20px;
}

.live2d-content {
    position: fixed;
    bottom: 0px;
    right: 15px;
}

.reader-category {
    position: fixed;
    right: 15px;
    bottom: 0px;
}

.vertical-center {
    height: 50px;
    line-height: 50px;
}

.hover-top:hover {
    /*-moz-box-shadow: 2px 2px 1px #f2f6fc; !* 老的 Firefox *!*/
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
    position: relative;
    top:-2px;
    animation:moveTop .2s;
    -moz-animation:moveTop .2s; /* Firefox */
    -webkit-animation:moveTop .2s; /* Safari and Chrome */
    -o-animation:moveTop .2s; /* Opera */
}

.hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
    color: red;
}

.hover-color1:hover {
    background-color: white;
}
.hover-color2:hover {
    background-color: #eaeaea;
}
@keyframes moveTop
{
    from {top: 0;box-shadow:none;}
    to {top: -2px;}
}

@-moz-keyframes moveTop /* Firefox */
{
    from {top: 0;box-shadow:none;}
    to {top: -2px;}
}

@-webkit-keyframes moveTop /* Safari 和 Chrome */
{
    from {top: 0;box-shadow:none;}
    to {top: -2px;}
}

@-o-keyframes moveTop /* Opera */
{
    from {top: 0;box-shadow:none;}
    to {top: -2px;}
}


.fixed-search {
    position:fixed;
    width:100%;
    z-index:99;
    animation: search-animation .8s;
    -moz-animation: search-animation .8s;
    -webkit-animation: search-animation .8s;
    -o-animation: search-animation .8s;
}

@keyframes search-animation
{
    from {top: -61px;}
    to {top: 0;left:0;}
}

@-moz-keyframes search-animation /* Firefox */
{
    from {top: -61px;}
    to {top: 0;left:0;}
}

@-webkit-keyframes search-animation /* Safari 和 Chrome */
{
    from {top: -61px;}
    to {top: 0;left:0;}
}

@-o-keyframes search-animation /* Opera */
{
    from {top: -61px;}
    to {top: 0;left:0;}
}

/* 角标  */
.subscript{
    color: #fff;
    height: 30px;
    width: 100px;
    position: absolute;
    right: -26px;
    top: 6px;
    text-align: center;
    line-height: 30px;
    background-color: #0c60ee;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.bookmark {
    box-sizing:border-box;
    /*border-top:20px solid transparent;*/
    /*background-clip:padding-box,border-box;*/
    /*background-origin:padding-box,border-box;*/
    /*border-image: -webkit-linear-gradient(to right,#F80, #2ED, #cccccc) 10 10 10;*/
    /*border-image: -moz-linear-gradient(to right,#F80, #2ED, #cccccc) 10 10 10;*/
    /*border-image: -o-linear-gradient(to right,#F80, #2ED, #cccccc) 10 10 10;*/
    /*border-image: linear-gradient(to right,#F80, #2ED, #cccccc) 10 10 10;*/
    /*background-image:linear-gradient(to right, #d9d5d5, #f7f7f6, rgba(255, 255, 255, 0.73)),linear-gradient(to right,#f7f7f6, #f7f7f6, #ffffffba);*/
    background-color: #f7f7f6;
}

.bg-color {
    background-color: #cbc8c8;
}

.back-top {
    background-color: #fff;
    width: 40px;
    height: 40px;
    color: #409eff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 6px rgba(0,0,0,.12);
    cursor: pointer;
    z-index: 5;
    margin:5px 5px;
}
